<template>
    <div>
        <div>{{ sharedValue }}</div>
        <h1>Vue 3 Dependency Injection Example</h1>
        <Ref />
    </div>
</template>

<script setup>

import Ref from './ref.vue';
import { provide, ref, inject } from 'vue';


const sharedValue = ref('Shared Value');
provide('sharedValue', sharedValue);


</script>

<style lang="scss" scoped></style>